.mine {
  // 顶部设置和消息
  .mine-top {
    padding-top: 0.5rem;
    padding-bottom: 0.2rem;
    height: 1rem;
    text-align: right;
    line-height: 1rem;

    .top-icon {
      margin-right: 0.35rem;
    }
  }

  // 头像
  .headPortrait {
    height: 1.5rem;
    display: flex;
    justify-content: space-between;

    .head-img {
      width: 1.5rem;
      height: 1.5rem;
      border-radius: 50%;
      margin-left: 0.5rem;
      background-color: #7f7f7f;

      img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
      }
    }

    .head-name {
      width: 67%;

      h3 {
        font-size: 0.43rem;
        margin-top: 0.1rem;
        font-weight: 500;
      }

      span {
        display: inline-block;
        color: #ffffff;
        padding: 0.06rem 0.14rem;
        text-align: center;
        line-height: 0.3rem;
        margin-top: 0.2rem;
        background-color: #d7d7d7;
        border-radius: 10px;
      }

      h2 {
        font-size: 0.43rem;
        font-weight: 500;
        line-height: 1.5rem;
      }
    }

    .head-jian {
      font-size: 0.4rem;
      line-height: 1.5rem;
      padding-right: 0.3rem;
    }
  }

  // 领卷中心
  .welfare {
    width: 93%;
    height: 1.8rem;
    margin: auto;
    margin: 0 auto;
    margin-top: 0.3rem;
    padding: 0.1rem;
    border-radius: 10px;
    box-sizing: border-box;
    background-color: #ffffff;
    display: flex;
    justify-content: space-around;

    .box {
      display: flex;
      justify-content: space-between;
      height: 1rem;
      padding-right: 0.2rem;
      margin-left: 0.1rem;
      border-right: 1px solid #dbdbdb;
      margin-top: 0.4rem;

      .box-left {
        margin-left: 0.3rem;

        h3 {
          font-weight: 500;
          font-size: 0.3rem;
          color: #000000;
          margin-bottom: 0.05rem;
        }

        span {
          font-size: 0.2rem;
          color: #9a9b9a;
        }
      }

      .box-right {
        width: 0.8rem;
        height: 0.8rem;
        margin-left: 10px;
        margin-top: 0.05rem;
        border-radius: 50%;

        background-color: #dbdbdb;

        img {
          width: 100%;
          height: 100%;
          border-radius: 50%;
        }
      }
    }
  }

  // BANNER区域
  .banner {
    width: 93%;
    height: 2rem;
    color: #c4c4c4;
    margin: 0 auto;
    border-radius: 10px;
    background-color: #ffffff;
    text-align: center;
    line-height: 2rem;
  }
}
